<?php include("inc/header.php")?>
<style>
body{ background: #ffffff; }
</style>
</head>

<body><div class="body_music">

<?php include("inc/top.php")?>
<div class="music_main">
    <div class="music_change">
        <a href="javascript:void(0)" rel="0" class="one current0"></a>
        <a href="javascript:void(0)" rel="1" class="two"></a>
        <a href="javascript:void(0)" rel="2" class="tree"></a>
    </div>
    <div class="music_area">
    	<div class="music_boxx">
            <div class="music_box">
                <div class="title">
                    <div class="d1">本周排名</div>
                    <div class="d2">歌曲</div>
                    <div class="d3">歌手</div>
                    <div class="d4">试听</div>
                    <div class="d5">收藏</div>
                    <div class="d6">分享</div>                                        
                </div>
                <div class="music_list">
                    <dl>
                        <dd>
                            <div class="d1">1</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">2</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">3</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">4</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">5</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">6</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">7</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">8</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">9</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">10</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                  </dl>
                </div>
                <div class="page"><a href="#">上页</a> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">下页</a></div>
            </div>
            <div class="music_box" style=" display:none">
                <div class="title">
                    <div class="d1">本周排名</div>
                    <div class="d2">歌曲</div>
                    <div class="d3">歌手</div>
                    <div class="d4">试听</div>
                    <div class="d5">收藏</div>
                    <div class="d6">分享</div>                                        
                </div>
                <div class="music_list">
                    <dl>
                        <dd>
                            <div class="d1">11</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">2</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">3</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">4</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">5</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">6</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">7</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">8</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">9</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">10</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                  </dl>
                </div>
                <div class="page"><a href="#">上页</a> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">下页</a></div>
            </div>
            <div class="music_box" style=" display:none">
                <div class="title">
                    <div class="d1">本周排名</div>
                    <div class="d2">歌曲</div>
                    <div class="d3">歌手</div>
                    <div class="d4">试听</div>
                    <div class="d5">收藏</div>
                    <div class="d6">分享</div>                                        
                </div>
                <div class="music_list">
                    <dl>
                        <dd>
                            <div class="d1">21</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">2</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">3</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">4</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">5</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">6</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">7</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">8</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">9</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                    </dl>
                    <dl>
                        <dd>
                            <div class="d1">10</div>
                            <div class="d2">Brighter Than The Sun</div>
                            <div class="d3">Simple</div>
                            <div class="d4"><a href="javascript:void(0)"><img src="images/music_1.gif" width="15" height="13" /></a></div>
                            <div class="d5"><a href="javascript:void(0)"><img src="images/music_2.gif" width="15" height="13" /></a></div>
                            <div class="d6"><a href="javascript:void(0)"><img src="images/music_3.gif" width="15" height="13" /></a></div>
                        </dd>
                        <div class="clearall"></div>
                        <dt></dt>
                  </dl>
                </div>
                <div class="page"><a href="#">上页</a> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">下页</a></div>
            </div>
        </div>
        
        <div class="music_right">
        	<a href="http://weibo.com/yinyuefengyunbang" target="_blank" class="link_1"></a>
        	<a href="http://t.qq.com/zlb_123" target="_blank" class="link_2"></a>
        	<a href="http://weibo.com/musicradiocc" target="_blank" class="link_3"></a>
        </div>
    </div>
</div>
<?php include("inc/bottom.php")?>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
	$(".music_change a").click(function(){
		change_rel=$(this).attr("rel");
		$(".music_change a").removeClass("current0");
		$(".music_change a").removeClass("current1");
		$(".music_change a").removeClass("current2");
		$(this).addClass("current"+change_rel);
		$(".music_box").hide();
		$(".music_box").eq(change_rel).show();	
	})	
})
</script>
</div></body>
</html>